
//多级分类菜单点击处理
function openmenu(grade,id,_this){
    $(_this).addClass("c-active");
    $(_this).siblings().removeClass("c-active");
    $("#catalog-0" + grade).nextAll().remove(); // 删除之后所有兄弟节点
    if(id != -1){
        $.post("/resouceCatalog/getCatalog",{id:id},function (res) {
            var list='';
            if(res.data!=undefined && res.data.length > 0){
                list=' <a href="javascript:void(0);" onclick="openmenu('+(grade+1)+',-1,this)" class="c-active">全部</a>';
                $.each(res.data,function(index,obj){
                    list+=' <a href="javascript:void(0);" onclick="openmenu('+(grade+1)+','+obj.id+',this)" data-id="'+obj.id+'" >'+obj.name+'</a>';
                });
            }
            if(res.data.length > 0){
                var html=' <div id="catalog-0'+(grade+1)+'"><div class="category-item">'+
                    '<input type="hidden" id="pCatalogId'+(grade+1)+'" value="'+id+'" />' +
                    '<div class="category-item-title layui-hide-xs">'+(grade+1)+'级:</div> '+
                    '  <div class="category-item-list"> '+
                    list+
                    ' </div> '+
                    ' </div> '+
                    ' </div>';
                $("#gradeMain").append(html);
            }
        });
        $("#catalogId").val(id);
    }else{
        var pCatalogId = $("#pCatalogId"+(grade)).val();
        $("#catalogId").val(pCatalogId);
    }
    $("#content-main").empty();
    articleList();
}

// 数据列表处理
function articleList() {
    layui.use('flow', function(){
        var $ = layui.jquery; //不用额外加载jQuery，flow模块本身是有依赖jQuery的，直接用即可。
        var flow = layui.flow;
        flow.load({
            elem: '#content-main' //指定列表容器
            ,done: function(page, next){ //到达临界点（默认滚动触发），触发下一页
                //以jQuery的Ajax请求为例，请求下一页数据（注意：page是从2开始返回）
                $.post("/resouceContent/list",{catalogId:$("#catalogId").val(),order:$("#order").val(),siteType:$("#siteType").val(),pageSize:12,pageNum:page},function (res) {
                    //执行下一页渲染，第二参数为：满足“加载更多”的条件，即后面仍有分页
                    //pages为Ajax返回的总页数，只有当前页小于总页数的情况下，才会继续出现加载更多
                    next(res.htmlStr, page < res.pages);
                });
            }
            ,end: ' '
        });
    });
}

//  排序事件处理
function orderClick(order, _this){
    $(_this).addClass("order-active");
    $(_this).siblings().removeClass("order-active");
    $("#order").val(order);
    $("#content-main").empty();
    articleList();
}

$(function () {
    articleList();
});
